<template>
  <div>
      <div>
          <span>年龄</span>
          <!-- 转数字 -->
          <input type="number" v-model.number="age">
      </div>
      <div>
          <span>人生格言</span>
          <!-- 去除首尾两边的空格后把值赋给vue数据变量 -->
          <textarea v-model.trim="motto"></textarea>
      </div>
      <div>
          <span>个人简历</span>
          <!--等表单失去焦点后，才把值赋予给vue变量  -->
          <textarea v-model.lazy="intro"></textarea>
      </div>
  </div>
</template>

<script>
export default {
    data () {
        return {
            age:0,
            motto:'',
            intro:'',

        }
    }
}
</script>

<style>

</style>